<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/registration.js"></script>
    <title>Document</title>
</head>

<body>
    <div>
        <!-- 背景 -->
        <img class="bgc_image" src="image/注册背景.png" alt="#">
        <!-- 注册表单 -->
        <form id="forms">
            <div class="formList">
                <br>
                <div class="emailSize">
                    <div class="leftPart">
                        <span class="font-style">
                            <i>
                                <img class="vertical-align" src="image/图层1.jpg" alt="mail">
                            </i>

                            邮箱 &nbsp;:
                        </span>
                    </div>
                    <input class="inputSize" id="em" type="text" name="email" >
                    <p id="one">

                    </p>
                </div>
                <div class="passwordSize">
                    <div class="leftPart">
                        <span class="font-style">
                            用户 &nbsp;:
                        </span>
                    </div>
                    <input class="inputSize" id="un" type="text" name="username" maxlength="20" >
                    <p id="two">

                    </p>
                </div>
                <div class="passwordSize">
                    <div class="leftPart">
                        <span class="font-style">
                            设置密码 &nbsp;:

                    </div>
                    <input class="inputSize" id="pw"  type="password" name="password" maxlength="20" placeholder="密码应由6-20个字符组成（请输入纯数字或字母）">
                </span>
                <p id="three"></p>
                </div>



                <!-- <div class="passwordSize">
                    <div class="leftPart">
                        <span class="font-style">
                            <i>
                                <img class="vertical-align smallIcon" src="image/灯泡1.png" alt="validation">
                            </i>

                            激活码 &nbsp;:
                        </span>
                    </div>
                    <input class="btnSize" type="button" value="免费获取验证码">
                    <input class="icodeStyle" type="text" name="icode">
                </div> -->
                <div class="passwordSize">
                    <input id="zhuce" class="btnStyle btnFont" type="button" value="立即注册">
                </div>
                <div class="formBottom">
                    已有账号？<a href="#">直接登录</a>
                </div>

            </div>
        </form>
</body>

<script type="text/javascript">
    // function Email() {
    //     var reg = /^\w+@[a-zA-Z0-9]{2,10}(?:\.[a-z]{2,4}){1,3}$/
    //     if (reg.test(document.getElementById("em").value)) {
    //         document.getElementById("one").innerHTML = "太好了格式正确";
    //         removeEventListener("one");
    //     }
    //     else {
    //         document.getElementById("one").innerHTML = "请输入正确的格式";
    //     }
    // }
    // function UserName() {
    //     var reg = /^\w{4,16}$/;
    //     if (reg.test(document.getElementById("un").value)) {
    //         document.getElementById("two").innerHTML = "正确";
    //     }
    //     else {
    //         document.getElementById("two").innerHTML = "不正确";
    //     }
    // }
    // function Password(){
    //     var reg=/^(?:\d+|[a-zA-Z]+|[!@#$%^&*]+)$/;
    //     if (reg.test(document.getElementById("pw").value)) {
    //         document.getElementById("three").innerHTML = "正确";
    //     }
    //     else {
    //         document.getElementById("three").innerHTML = "不正确";
    //     }
    // }
    // $("#em").bind('input propertychange',function(){
    //   Email();   
    //   console.log(1);
    // });
</script>


<!-- <script type="text/javascript">
    var form = $('#forms').serialize;//把id为froms的form表单里的参数自动封装为参数传递
    $.ajax({
        url: /api_login/,
        data:form,
        dataType:"json",
            type:"POST",
            success:function(data){
                
            }

    })
</script> -->
</html>